/* CSS Document */

@media (max-width:1200px) {


}

@media( max-width:1024px){
	.list01{ width:100%;}
	.tops2{ width:100%; text-align:left;}
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding:36px 0;}
	.navbar-toggle .icon-bar{background:#fff; width:40px; height:6px; border-radius:0;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:160px; position:absolute; right:15px; top:104px; z-index:110 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; background:rgba(0,85,173,0.7); margin-bottom:3px;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:45px; font-size:15px;}
	.top-head .sjdnav li a span{ text-transform:uppercase;font-family:"Microsoft YaHei"; font-size:12px;}
	.top-head .sjdnav li.active a{color:#fff; background:rgba(0,85,173,0.9);}
	.top-logo{ padding-right:20px;}
	.top-line{ display:none;}
	.nav-wrap{ display:none !important;}
	.banpc{ display:none;}
	.phone{ display:block;}
	
	html, body{ height:auto;}
	.abouts{ float:none; width:100%;}
	.ourJon{ float:none; width:100%;}
	.xwcent .xwli{ width:100%; padding:25px 0;}
	.fotserch{ display:none;}
	.fotnav{ width:100%;}
	.footer{ text-align:center;}
	.footer a{ display:none;}
	
	
	.list01{ width:100%;}
	.tops2{ display:none;}
	.mbox-tit{ margin-top:40px;}
	.mbox-tit h3{ margin-bottom:20px;}
	.mbox-tit ul{ width:100%;}
	.headers .navbar-toggle{ padding:25px 0;}
	.headers .top-head .sjdnav{ top:82px;}
	.headers .navbar-toggle .icon-bar{ background:#157be4;}
	
	.biaoge{ width:100%; padding:0;}
	.lxwm{ width:100%; margin-top:25px;}
}

@media (max-width:768px) {
	.navbar-toggle .icon-bar{ height:5px;}
	.top-head .sjdnav{ top:101px;}
	.footer{ margin-bottom:56px;}
	
	.mbox-top{ padding:10px 0;}
	.list01 li{ padding:3px 8px 6px;}
	.headers .navbar-toggle .icon-bar{ height:5px;}
	.headers .top-head .sjdnav{ top:79px;}
	.headers .navbar-toggle .icon-bar{ width:35px;}
	.bners .img{ padding-top:28%;}
	.mbox-tit ul li{ width:16.66%;}
	
	.lxwm .lx02 p{ width:50%;}
	.xwli2{ width:100%; padding:15px 0;}
	.xwli2:first-child{ padding-top:0;}
	.xwli2 .pt2{ margin-top:0;}
	
	.jr-ul .jru1{ font-size:14px;}
	.jr-ul .jru1 p{ line-height:40px;}
	.accordion .link{ font-size:14px; line-height:40px;}
	.accordion .link i{ right:15px;}
}

@media (max-width:650px) {
	.abouts .boxcent .bgcolor01{ position:static; }
	.abouts .boxcent .img{ padding-top:inherit; position:absolute;}
	.abouts .boxcent .img:after{ content:''; display:block; width:100%; height:100%;background:rgba(102,17,19,0.7); transition:all 0.3s; opacity:1;}
	.abouts:hover .boxcent .img:after{ opacity:0;}
	.abouts .boxt .bt01{ position:relative;}
	.abouts .boxt{ padding:15% 5%;}
	.abouts .boxt .bt01 h3{ font-size:28px;}
	.abouts .boxt .bt01 h3 span{font-size:36px;}
	.abouts .boxt .bt01 p{ font-size:20px;}
	
	.ourJon .img{ padding-top:60%;}
	.ours .mack2 .box1{padding: 49px 60px 20px 0;}
	.ours .mack2 .box1 h3{ font-size:28px;}
	.ours .mack2 .box1 h3 strong{ font-size:36px;}
	.ours .mack2 .box1 p{ font-size:20px;}
	.jons .mack2 .box1{padding: 49px 160px 20px 0;}
	.jons .mack2 .box1 h3{ font-size:28px;}
	.jons .mack2 .box1 h3 strong{ font-size:36px;}
	.jons .mack2 .box1 p{ font-size:20px;}
	.wrap2{ padding-top:40px;}
	.tits .p1{ font-size:30px;}
	.tits .p1 span{ font-size:36px;}	
	.tits .p2{ font-size:22px;}
	.xwcent .xwli{ padding:15px 0;}
	.fotnav .fotx ul{ width:100%;}
	.fotnav .fotx .tx2{ width:100%;}
	.fotnav span{ margin-top:22px;}
	.fotnav .fotx ul li{ padding:5px 0;}
	.fotnav .fotx .tx2 p{ padding:5px 0; padding-left:30px;}

	.mbox-tit ul li{ width:20%;}
	.mbox-tit ul li a{ line-height:36px;}
	.li01 h3{ padding:10px 5px; font-size:13px;}
	

}

@media (max-width:540px) {
	.mbox-tit h3{ font-size:24px;}
	.mbox-tit ul li{ width:25%;}
	.li01 h3{ font-size:12px; padding:5px;}
	.lxwm .lx02 p{ width:100%;}
	
}

@media (max-width:450px) {
	.navbar-toggle{ padding:28px 0;}
	.navbar-toggle .icon-bar{ width:35px; height:4px;}	
	.top-head .sjdnav{ top:82px;}
	
	.ours .mack2{ /*border:1px solid #fff; padding:15px 20px;*/}
	.ours .mack2 .box1{/*background:none; padding:0;*/ background-size:contain;}
	.ours .mack2 .box1 h3{ font-size:20px;overflow:visible;}
	.ours .mack2 .box1 h3 strong{ font-size:27px;}
	.ours .mack2 .box1 p{ font-size:16px;overflow:visible;}
	
	.jons .mack2{ /*border:1px solid #fff; padding:15px 20px; width:210px;*/}
	.jons .mack2 .box1{/*padding:0; background:none;*/background-size:contain;}
	.jons .mack2 .box1 h3{ font-size:20px; overflow:visible;}
	.jons .mack2 .box1 h3 strong{ font-size:27px;}
	.jons .mack2 .box1 p{ font-size:16px; width:100%;overflow:visible;}
	.abouts .boxt .bt01 h3{ font-size:20px;}
	.abouts .boxt .bt01 h3 span{font-size:27px;}
	.abouts .boxt .bt01 p{ font-size:16px;}
	.abouts .boxt{ padding:56px 15px;}	
	.abouts .boxt .bot2 .btxt{ font-size:13px; line-height:30px;}
	.tits .p1{ font-size:20px;}
	.tits .p1 span{ font-size:25px;}
	.tits .p2{ font-size:16px;}
	.mbox-tit{ margin-top:25px;}
	.mbcont{ margin-top:20px;}
	.mbox-tit h3{ margin-bottom:18px;}
	.bners .img{ padding-top:50%;}
	
	.accordion .link{ font-size:12px;}
	.accordion .link i{ right:8px; width:4px; height:9px;}
	
}


@media (max-width:415px) {
	.navbar-toggle{ padding:24px 0;}
	.top-head .sjdnav{ top:74px;}
	.abouts .boxt .bot2{ padding:30px 15px;}
	.abouts .boxt .bot2 .btxt{ font-size:12px;}
	.xwcent .xwli .pt2{ font-size:12px;}
	.wrap3{ padding:30px 0 20px;}
	.fotnav span{ display:none;}
	.fotnav .fotx{ width:100%;}
	
	.headers .navbar-toggle{ padding:20px 0;}
	.headers .top-head .sjdnav{ top:69px;}
	.list01 li a{ font-size:12px;}
	.mbox-tit h3{ font-size:20px;}
	.mbox-tit ul li a{ font-size:12px; line-height:30px;}
	.li01, .li02{ padding:5px;}
	.mbcont{ margin-top:15px;}

}

@media (max-width:350px) {
	.ours .mack2 .box1 h3 strong{ font-size:20px;}
	.ours .mack2 .box1 h3{ font-size:16px;}
	.ours .mack2 .box1 p{ font-size:14px;}
	.jons .mack2{ width:175px;}
	.jons .mack2 .box1 p{ font-size:14px;}
	.jons .mack2 .box1 h3{ font-size:16px;}
	.jons .mack2 .box1 h3 strong{ font-size:20px;}
	.abouts .boxt .bt01 p{ font-size:14px;}
	.abouts .boxt .bt01 h3{ font-size:16px;}
	.abouts .boxt .bt01 h3 span{ font-size:22px;}
	.navbar-toggle .icon-bar{ width:30px;}
	.navbar-toggle{ padding:20px 0;}
	.top-head .sjdnav{ top:66px;}
	.headers .navbar-toggle .icon-bar{ width:30px; height:4px;}
	.headers .navbar-toggle{ padding:15px 0;}
	.headers .top-head .sjdnav{ top:56px;}
	
	.mbox-tit ul li{ width:33.3%;}
	
}

@media (max-width:320px) {


	  
	  
}